<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>有货</title>

    <!-- Bootstrap --> 
    <!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="./Public/Home/bootstrap-3.3.5/css/bootstrap.min.css">

	<!-- 可选的Bootstrap主题文件（一般不用引入） -->
	<link rel="stylesheet" href="./Public/Home/bootstrap-3.3.5/css/bootstrap-theme.min.css">
    <script src="./Public/Home/jquery-1.11.3/jquery.min.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/index.css">
	<link rel="stylesheet" href="./Public/Home/Css/common.css">
	<script type="text/javascript" src="./Public/Home/Js/index.js"></script>
	<link rel="stylesheet" href="./Public/Home/Css/list.css">
	<script type="text/javascript" src="./Public/Home/Js/list.js"></script>
</head>
<body>
 

<header>
	<!-- 最顶部宣传 -->
	<div id="_top">
		<a href=""></a>
	</div>
	<!-- 登录注册版块 -->
	<div id="_login">
		<div class="_login-total">
			<div class="_login-left">
				<span class="_icon"></span>
				<a href="">YOHO!BUY 有货</a>
				<ul class="_left-list">
					<li> 
						<a class="yoho-group" data-cn="集团官网" data-en="YOHO!" href="">YOHO!</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="男生潮流" data-en="YOHO!BOYS" href="">YOHO!BOYS</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="女生潮流" data-en="YOHO!GIRLS" href="">YOHO!GIRLS</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="物趣分享" data-en="YOHO!SHOW" href="">YOHO!SHOW</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="潮流嘉年华" data-en="YO'HOOD" href="">YO'HOOD</a>
					</li>
				</ul>
			</div>
			<div class="_login-right">
				<ul>
									<li id="login-box">
						<span class="hi">hi~</span>
						[
						<a href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Login&a=index" class="loginbar">请登录</a>
						]
						[
						<a href="http://127.0.0.1/photo/shop/index.php?m=Home&c=Reg&a=index" class="registebar">免费注册</a>
						]
					</li>
									
					<li id="myYohoBox" class="myyoho">
						<span class="tag-seprate">|</span>
						<a href="">MY有货</a>
						<span class="icon-bottomarrow"></span>
						<div class="simple-user-center"></div>
					</li>
					<li class="myOrder">
						<span class="tag-seprate">|</span>
						<span class="icon-papers"></span>
						<a href="">我的订单</a>
					</li>
					<li class="mycollect">
						<span class="tag-seprate">|</span>
						<span class="icon-heart"></span>
						<a href="">我的收藏</a>
					</li>
					<li class="message">
						<span class="tag-seprate">|</span>
						<span class="icon-mail"></span>
						<a href="">消息</a>
					</li>
					<li class="phoneapp">
						<span class="tag-seprate">|</span>
						<span class="icon-phone"></span>
						<a href="">手机版</a>
						<div class="download-app-box">
							<div class="qr-img">
								<img src="./Public/Home/Images/qr.png" alt="">
							</div>
							<h3 class="qr-words">扫描二维码</h3>
							<h3 class="qr-words">下载有货手机客户端</h3>
							<h3 class="qr-more"><a href="">更多客户端下载</a></h3>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 搜索栏(男生) -->
	<div id="head-wrapper">
		<div class="head-wrapper-cate">
			<ul>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">男生</span>
						<span class="name-en">BOYS</span>
					</a>
				</li>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">女生</span>
						<span class="name-en">GIRLS</span>
					</a>
				</li>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">潮童</span>
						<span class="name-en">KIDS</span>
					</a>
				</li>
								<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">创意生活</span>
						<span class="name-en">LIFE STYLE</span>
					</a>
				</li>
							</ul>
			<div class="head-search">
				<!-- logo显示区中间部分 -->
				<div class="head-logo">
					<img src="./Public/Home/Images/logo/logo_e.png" alt="">
				</div>
				<div class="head-search-right">
					<input type="text" name="" id="search">
					<input type="submit" value="" class="search-submit">
					<div class="head-shop-car">
						<!-- 购物车有商品的时候显示页面 -->
						
							<span class="head-shop-img">0</span>
							<div class="head-car-hide">
								<img src="./Public/Home/Images/16.png" alt="">
							</div>
											</div>
				</div>
			</div>
		</div>
	</div>
	<div id="head-list">
		<div class="head-list-name">
							<ul class="boys">
											<li><a href="">新品到着</a></li>
      										<li><a href="">品牌一览</a></li>
      										<li><a href="">服饰</a></li>
      										<li><a href="">鞋靴</a></li>
      										<li><a href="">包袋</a></li>
      										<li><a href="">配饰、其他</a></li>
      										<li><a href="">领券中心</a></li>
      										<li><a href="">逛</a></li>
      										<li><a href="">SALE</a></li>
      								</ul>
							<ul class="boys">
									</ul>
							<ul class="boys">
									</ul>
							<ul class="boys">
									</ul>
					</div>
	</div>
	<div id="third-nav-wrapper">
	<div class="nav-center-content">
					<div class="nav-total-left">
																																	<p class="nav-tops">上装</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
											<p class="nav-tops">下装</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
											<p class="nav-tops">经典款型</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
											<p class="nav-tops">热门品牌</p>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
						<a href="">333</a>
																																																																		</div>
					<div class="nav-total-left">
							</div>
					<div class="nav-total-left">
							</div>
					<div class="nav-total-left">
							</div>
					<div class="nav-total-right-img">
					<img src="./Public/Home/Images/logo/3.jpg" alt="">
					<a href="">IN季新品全面开售</a>
			</div>
	</div>			
	</div>
</header>
<!-- 中部内容 -->
<article>
<!-- 中间顶部图片及内容 -->
	<div id="_content-top">
		<div class="banner-img" style="background: url('./Public/Home/Images/listtop.jpg');">
			<div class="opt-wrap">
				<p class="opt">
					<a href="">
						<span class="iconfont"></span>
						品牌首页
					</a>
					<a href="">
						<span class="iconfont"></span>
						品牌介绍
					</a>
					<a href="">
						<span class="iconfont"></span>
					</a>
				</p>
			</div>
		</div>
	</div>
<!-- 中间部分内容 -->
	<div id="content-all">
		<div id="_list-top">
			<a href="">BOYS首页</a>
			<span>></span>
			<a href="">BOYS首页</a>
			<span>></span>
		</div>
		<div id="_list-left">
			<div class="sort-container">
				<ul>
					<li>
						<a href="" title="全部品类">全部品类</a>
					</li>
					<div class="row clearfix">
						<div class="col-md-12 column">
							<div class="panel-group" id="panel-988674">
								<?php foreach ($NewData as $key=>$v){?>
									<div class="panel panel-default _woke">
										<div class="panel-heading _wook">
											<span class="caret"></span>
											 <a class="panel-title collapsed " data-toggle="collapse" data-parent="" href="#panel-element-<?php echo $key?>"><?php echo $key?></a>
										</div>
										<div id="panel-element-<?php echo $key?>" class="panel-collapse collapse _collapse">
											<?php foreach ($v as $vv){?>
											<div class="panel-body _wokao">
												<a href=""><?php echo $vv?></a>
											</div>
											<?php }?>
										</div>
									</div>
								<?php }?>
							</div>
						</div>
					</div>
				</ul>
			</div>
			<div id="brand-ad">
				<a href=""><img src="./Public/Home/Images/list/1.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/list/2.jpg" alt=""></a>
				<a href=""><img src="./Public/Home/Images/list/3.jpg" alt=""></a>
			</div>
		</div>
		<!-- 右边下的大块内容 -->
		<div id="list-right">
			<!-- 筛选条件 -->
			<div class="shop-entry-area">
				<div class="shop-entry">
					<span class="title">已选条件:</span>
					<div class="attr-content" id="attr_content">
						
					</div>
				</div>
			</div>
			<!-- 这是为了添加商品品牌用的，可以不需要跟他们混合在一起 -->
			<div class="addColor">
				<div class="sex-entry">
					<span class="title">品牌:</span>
					<?php foreach ($brandData as $v){?>
					<div class="sex-content" bname="<?php echo $v?>" gids="<?php echo $gids?>"> 
						<a href="javascript:;" class="tag brand"><?php echo $v?></a>
					</div>
					<?php }?>
				</div>
			</div>
			<!-- 这儿是处理商品品牌问题的 -->
			<script type="text/javascript">
				$(function(){
					$(".brand").click(function(){
						var bname = $(this).closest(".sex-content").attr("bname");
						var gids = $(this).closest(".sex-content").attr("gids");//目的是为了在异步方法里面做判断
						// console.log(data);
						var gtvalue = $(this).closest(".sex-content").attr("gtvalue");
						// console.log(gtvalue);
						$.ajax({
							type:"post",
							url:"<?php echo U('getBrandAjax')?>",
							data:{bname:bname,gids:gids,gtvalue:gtvalue},
							dataType:"json",
							success:function(temp){
								// console.log(temp.bname);
									var attr = '';
										attr += '<a href="javascript:;" class="tag closes">'+temp.bname+'<i class="close">×</i></a>';
									var spec = '';
									$.each(temp.GoodsData,function(k,v){
										spec +='<div class="good-info"><div class="tag-container"><span>NEW</span></div><div class="good-detail-img"><a href=""><img src="'+v.pic+'" alt=""></a></div><div class="good-detail-text"><a href="">'+v.gname+'</a><p class="brand"><a href="">'+v.bname+'</a></p><p class="price"><span class="market-price">¥'+v.marketprice+'</span><span class="sale-price">¥'+v.shopprice+'</span></p></div></div>';
									});
								$("#attr_content").html(attr);
								$('#goods-container').html(spec);
							}
			
						});
					})
				})
			</script>
			<!-- 这儿是为了循环出商品对应的属性及规格 -->
			<?php foreach ($aaa as $v){?>
			<div class="addColor">
				<div class="sex-entry">
					<span class="title"><?php echo $v[0]?>:</span>
					<?php foreach ($v['1'] as $value){?>
					<div class="sex-content" gtvalue="<?php echo $value?>" gids="<?php echo $gids?>" >  <!-- 这儿得添加颜色样式,选中的时候的样式 -->
						<a href="javascript:;" class="tag brand"><?php echo $value?></a>
					</div>
					<?php }?>
				</div>
			</div>
			<?php }?>
			<script type="text/javascript">
				// $(function(){
				// 	$(".tavalue").click(function(){
				// 		var gtvalue = $(this).closest(".sex-content").attr("gtvalue");
				// 		var gids = $(this).closest(".sex-content").attr("gids");//目的是为了在异步方法里面做判断
				// 		console.log(gids);
				// 		$.ajax({
				// 			type:"post",
				// 			url:"<?php echo U('getTavalueAjax')?>",
				// 			data:{gtvalue:gtvalue,gids:gids},
				// 			dataType:"json",
				// 			success:function(temp){
								
				// 			}
			
				// 		});
				// 	})
				// })
			</script>
			<!-- 默认 -->
			<div id="sort-pager">
				<a href="" class="sort-type active">默认
				</a>
				<a href="" class="sort-type">最新 
					<span class="iconfont"></span>
				</a>
				<a href="" class="sort-type">价格 
					<span class="iconfont iconf1"></span>
				</a>
				<a href="" class="sort-type">折扣 
					<span class="iconfont iconf1"></span>
				</a>
				<a href="" class="sort-type"> 
					<span class="iconfont iconf2">
						<input type="checkbox" name="" id="">
					</span>
					折扣
				</a>
				<!-- 右边的是分页的,得到后期的分页效果 -->
			</div>
			<!-- 商品展示 -->
			<div id="goods-container">
				<!-- 商品的循环从这儿开始 -->
				<?php foreach ($GoodsData as $v){?>
				<div class="good-info">
					<div class="tag-container">
						<span>NEW</span>
					</div>
					<div class="good-detail-img">
						<a href="<?php echo U('Show/index',array('gid'=>$v['gid']))?>"><img src="<?php echo $v['pic']?>" alt=""></a>
					</div>
					<div class="good-detail-text">
						<a href="<?php echo U('Show/index',array('gid'=>$v['gid']))?>"><?php echo $v['gname']?></a>
						<p class="brand"><a href=""><?php echo $v['bname']?></a></p>
						<p class="price">
							<span class="market-price">¥<?php echo $v['marketprice']?></span>
							<span class="sale-price"> ¥<?php echo $v['shopprice']?> </span>
						</p>
					</div>
				</div>
				<?php }?>
				<!-- 商品的循环到这儿结束就是一件商品 -->
				<!-- 底下的是效果,出现大图 用js实现 -->
				<!-- <div class="good-info-hide">
					<div class="good-info-main">
						
					</div>
					<div class="good-select-color">
	
					</div>
				</div> -->
			</div>
			<!-- 分页的开始 -->
			<div id="product-pager">
				<span class="total">1 - 13 / 共13件商品</span>
			</div>
			<div id="latest-walk">
				<span>最近浏览的商品</span>
				<div id="latest-walk-goods">
					<div class="goods">
						<!-- 这儿为了效果才引用img,不然的话直接在a里面写图片的路径就行了,图片可以直接读取出来 -->
						<a href=""><img src="./Public/Home/Images/list/5.jpg" alt=""></a>
						<a href="">izzue纯色口袋TEE</a>
						<div class="price">
							<span class="market-price">¥3168</span>
							<span class="sale-price"> ¥869 </span>
						</div>
					</div>
					<div class="goods">
						<!-- 这儿为了效果才引用img,不然的话直接在a里面写图片的路径就行了,图片可以直接读取出来 -->
						<a href=""><img src="./Public/Home/Images/list/5.jpg" alt=""></a>
						<a href="">izzue纯色口袋TEE</a>
						<div class="price">
							<span class="market-price">¥3168</span>
							<span class="sale-price"> ¥869 </span>
						</div>
					</div>
					<div class="goods">
						<!-- 这儿为了效果才引用img,不然的话直接在a里面写图片的路径就行了,图片可以直接读取出来 -->
						<a href=""><img src="./Public/Home/Images/list/5.jpg" alt=""></a>
						<a href="">izzue纯色口袋TEE</a>
						<div class="price">
							<span class="market-price">¥3168</span>
							<span class="sale-price"> ¥869 </span>
						</div>
					</div>
					<div class="goods">
						<!-- 这儿为了效果才引用img,不然的话直接在a里面写图片的路径就行了,图片可以直接读取出来 -->
						<a href=""><img src="./Public/Home/Images/list/5.jpg" alt=""></a>
						<a href="">izzue纯色口袋TEE</a>
						<div class="price">
							<span class="market-price">¥3168</span>
							<span class="sale-price"> ¥869 </span>
						</div>
					</div>
					<div class="goods">
						<!-- 这儿为了效果才引用img,不然的话直接在a里面写图片的路径就行了,图片可以直接读取出来 -->
						<a href=""><img src="./Public/Home/Images/list/5.jpg" alt=""></a>
						<a href="">izzue纯色口袋TEE</a>
						<div class="price">
							<span class="market-price">¥3168</span>
							<span class="sale-price"> ¥869 </span>
						</div>
					</div>
					<div class="goods">
						<!-- 这儿为了效果才引用img,不然的话直接在a里面写图片的路径就行了,图片可以直接读取出来 -->
						<a href=""><img src="./Public/Home/Images/list/5.jpg" alt=""></a>
						<a href="">izzue纯色口袋TEE</a>
						<div class="price">
							<span class="market-price">¥3168</span>
							<span class="sale-price"> ¥869 </span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>	
</article>
<!-- 底部内容 -->
 <footer>
	<div id="footer-top">
		<div class="footer-left">
			<div class="footer-float">
				<span class="iconfont rgbf"></span>
				<span class="red">100%</span>
				<span class="rgbf">品牌正品</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fCenter"></span>
				<span class="red">7天</span>
				<span class="rgbf">无理由退换货</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fRight"></span>
				<span class="red">便捷</span>
				<span class="rgbf">在线客服</span>
			</div>
			<div class="footer-right">
				<input type="text" name="" value=""  placeholder="订阅我们的邮件" id="foot-text">
				<a href="" id="footer-submit"></a> 
			</div>
		</div>
	</div>
	<div id="footer-center">
		<div class="footer-help">
			<ul class="clearfix">
				<li class="fix-left">
					<p>
						<span>新手指南</span>
					</p>
					<p>
						<a href="">注册登录</a>
					</p>
					<p>
						<a href="">选购商品</a>
					</p>
					<p>
						<a href="">订单支付</a>
					</p>
					<p>
						<a href="">收货退款</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>会员中心</span>
					</p>
					<p>
						<a href="">YOHO币</a>
					</p>
					<p>
						<a href="">会员制度</a>
					</p>
					<p>
						<a href="">账户管理</a>
					</p>
					<p>
						<a href="">密码管理</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>购物指南</span>
					</p>
					<p>
						<a href="">全球购专区</a>
					</p>
					<p>
						<a href="">尺码选择</a>
					</p>
					<p>
						<a href="">发票</a>
					</p>
					<p>
						<a href="">商品咨询</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>支付方式</span>
					</p>
					<p>
						<a href="">在线支付</a>
					</p>
					<p>
						<a href="">货到付款</a>
					</p>
					<p>
						<a href="">优惠券</a>
					</p>
					<p>
						<a href="">YOHO币支付</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>配送方式</span>
					</p>
					<p>
						<a href="">配送时间</a>
					</p>
					<p>
						<a href="">配送范围</a>
					</p>
					<p>
						<a href="">顺丰速运</a>
					</p>
					<p>
						<a href="">商品验收与签收</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>售后服务</span>
					</p>
					<p>
						<a href="">退换货政策</a>
					</p>
					<p>
						<a href="">退换货流程</a>
					</p>
					<p>
						<a href="">退款方式与时效</a>
					</p>
					<p>
						<a href="">投诉与建议</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>APP常见问题</span>
					</p>
					<p>
						<a href="">IPhone版</a>
					</p>
					<p>
						<a href="">Android版</a>
					</p>
					<p>
						<a href="">wap版</a>
					</p>
					<p>
						<a href="">IPAD版</a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="footer-buttom">
		<div class="footer-link">
			<div id="footer-link-left">
				<a href=""><img src="./Public/Home/Images/content/13.png" alt="" class="pin1"></a>
				<a href=""><img src="./Public/Home/Images/content/14.png" alt="" class="pin2"></a>
			</div>
			<div id="footer-link-right">
				<p class="link-top">
					<a href="">返回首页</a>
					<span>|</span>
					<a href="">YOHO!BUY 有货</a>
					<span>|</span>
					<a href="">新力传媒</a>
					<span>|</span>
					<a href="">联系我们</a>
					<span>|</span>
					<a href="">商家入驻</a>
					<span>|</span>
					<a href="">隐私条款</a>
					<span>|</span>
					<a href="">友情链接</a>
				</p>
				<p class="link-buttom">
					 CopyRight © 2007-2016 南京新与力文化传播有限公司
					<a class="rbg6" target="_blank" href="http://www.miibeian.gov.cn/">苏ICP备09011225号</a>
					NewPower Co. 版权所有 经营许可证编号：苏B2-20120395 
				</p>
			</div>
		</div>
	</div>
</footer>
 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- <script type="text/javascript" src="./Public/Home/Js/jquery-1.8.2.min.js"></script> -->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="./Public/Home/bootstrap-3.3.5/js/bootstrap.min.js"></script>
</body>
</html>
